<!DOCTYPE >
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/css/common.css" rel="stylesheet" tyle="text/css" />
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/fonts/iconfont.css" rel="stylesheet" type="text/css" />
<link href="/css/Orders.css" rel="stylesheet" type="text/css" />
<script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="/js/common_js.js" type="text/javascript"></script>
<script src="/js/footer.js" type="text/javascript"></script>
<script src="/js/jquery.jumpto.js" type="text/javascript"></script>
<title>用户地址管理</title>
</head>
<script type="text/javascript">
  $(document).ready(function(){

		  setInterval(showTime, 1000);                                
		  function timer(obj,txt){
						  obj.text(txt);
		  }        
		  function showTime(){                                
				  var today = new Date();
				  var weekday=new Array(7);
				  weekday[0]="星期日";
				  weekday[1]="星期一";
				  weekday[2]="星期二";
				  weekday[3]="星期三";
				  weekday[4]="星期四";
				  weekday[5]="星期五";
				  weekday[6]="星期六";
				  var y=today.getFullYear()+"年";
				  var month=today.getMonth()+1+"月";
				  var td=today.getDate();
				  var d=weekday[today.getDay()];
				  var h=today.getHours();
				  var m=today.getMinutes();
				  var s=today.getSeconds();        
				  timer($("#y"),y+month);
				  //timer($("#MH"),month);        
				  timer($("h1"),td);        
				  timer($("#D"),d);
				  timer($("#H"),h);
				  timer($("#M"),m);
				  timer($("#S"),s);
		  }        
  })
</script>
<body>
<!--顶部样式-->
<div id="header_top">
	<!--引入首部-->
	<div th:replace="fxshop/common/nav"></div>
<!--内页样式-->
<div class="user_style clearfix" id="user">

 <!--用户中心布局样式-->
   <div class="left_style">
   <!--栏目名称-->
   <div class="title_username">个人中心</div> 
  
   <div class="user_Head"> 
   <div class="user_time">
       <h4 id="y" class="years"></h4>
      <h1></h1>
      <h4 id="D"></h4>
     </div>
     <div class="user_portrait">
   <a href="#" title="修改头像"></a> <img src="images/people.png" />
    <div class="background_img"></div></div>
    
   </div>
<ul class="Section">
       <li><a href="#" class="on"><em></em><span>我的特色馆</span></a></li>
       <li><a href="#"><em></em><span>个人信息</span></a></li>
       <li><a href="#"><em></em><span>修改密码</span></a></li>
       <li><a href="user_OrdersList.html"><em></em><span>我的订单</span></a></li>
       <li><a href="#"><em></em><span>我的评论</span></a></li>
       <li><a href="#"><em></em><span>我的积分</span></a></li>
       <li><a href="#"><em></em><span>我的收藏</span></a></li>
       <li><a href="User_Address.html"><em></em><span>收货地址管理</span></a></li>
      </ul>
 </div>
 <!--右侧样式布局-->
   <div class="right_style r_user_style">
    <!--地址管理-->
     <div class="user_address">
        <div class="title_name"> <span class="name">地址管理</span></div>
        <div class="Address_List clearfix">
        <!--地址类表-->
           <ul class="Address_info">
            <div class="address_title"><a href="#" class="modify" title="修改信息"></a>地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close"></i></a></div>
            <li>张婷婷</li>
            <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
            <li>182938596861</li>
            <li>610000</li>
           </ul>
           <ul class="Address_info">
            <div class="address_title"><a href="#" class="modify" title="修改信息"></a>地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close"></i></a></div>
            <li>张婷婷</li>
            <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
            <li>182938596861</li>
            <li>610000</li>
           </ul>
           <ul class="Address_info">
            <div class="address_title"><a href="#" class="modify" title="修改信息"></a>地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close"></i></a></div>
            <li>张婷婷</li>
            <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
            <li>182938596861</li>
            <li>610000</li>
           </ul>
           <ul class="Address_info">
            <div class="address_title"><a href="#" class="modify " title="修改信息"></a>地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close"></i></a></div>
            <li>张婷婷</li>
            <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
            <li>182938596861</li>
            <li>610000</li>
           </ul>
        </div>
        <!--添加地址样式-->
          <script src="Threelinkage/kit.js"></script>
		<!--[if IE]>
		<script src="Threelinkage/ieFix.js"></script>
		<![endif]-->
		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-30210234-1']);
			_gaq.push(['_trackPageview']);
			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();

		</script>
		<script src="/Threelinkage/dom.js"></script>
		<script src="/Threelinkage/event.js"></script>
        <script src="/Threelinkage/math.js"></script>
		<script src="/Threelinkage/TreeDict.js"></script>
		<script src="/Threelinkage/form.js"></script>
		<script src="/Threelinkage/combobox.js"></script>
		<script src="/Threelinkage/suggestselect.js"></script>
		<script src="/Threelinkage/list.js"></script>
		<!--json data-->
		<script src="/Threelinkage/json-data.js" charset="utf-8"></script>
        <link href="/Threelinkage/linkage.css" rel="stylesheet"  type="text/css"/>
        <form >
        <div class="Add_Addresss">
             <div class="title_name"><i></i>添加地址</div>
             <table>
              <tr>
               <td class="label_name">收货地址</td>
               <td colspan="3" class="select"> 
               <span class="select_adderss"><label> 省份 </label><select class="kitjs-form-suggestselect " ></select></span>
               <span class="select_adderss"><label> 市/县 </label><select class="kitjs-form-suggestselect "></select></span>
               <span class="select_adderss"><label> 区/县 </label><select class="kitjs-form-suggestselect"></select></span>
               <span class="select_adderss"><label> 详细地址 </label><input name="" type="text" class="Add-text"/></span>
               </td>
               </tr>
              <tr>
              <td class="label_name">收件人姓名</td><td><input name="" type="text"  class="Add-text"/><i>（必填）</i></td>
              <td class="label_name">电子邮箱</td><td><input name="" type="text"  class="Add-text"/><i>（选填）</i></td>
              </tr>
              <tr>
              <td class="label_name">邮&nbsp;&nbsp;编</td><td><input name="" type="text"  class="Add-text"/><i>（必填）</i></td>
              <td class="label_name">性&nbsp;&nbsp;别</td><td> 
                <label class="sex"> <input type="radio" name="RadioGroup1" value="1" id="RadioGroup1_0"  class="select"/><span>男</span></label>
                <label class="sex"><input type="radio" name="RadioGroup1" value="2" id="RadioGroup1_1" class="select"/><span>女</span></label><i>（选填）</i> </td>
              </tr>
              <tr><td class="label_name">手&nbsp;&nbsp;机</td><td><input name="" type="text"  class="Add-text"/><i>（必填）</i></td>
              <td class="label_name">固定电话</td><td><input name="" type="text"  class="Add-text"/><i>（选填）</i></td></tr>
              <tr><td class="label_name"></td><td></td><td class="label_name"></td><td></td>
              </tr>             
             </table>
             <div class="address_Note"><span>注：</span>只能添加5个收货地址信息。请乎用假名填写地址，如造成损失由收货人自己承担。</div>
             <div class="btn"><input name="1" type="submit" value="添加地址" class="Add_btn" /></div>
             
         </div>
       </form>
     </div>
   </div>
</div>

<!--引入底部-->
<div th:replace="fxshop/common/footer"></div>
</body>
</html>
<script>
			var a = $kit.els8cls($kit.ui.Form.ComboBox.Select.defaultConfig.transformCls), a1 = [];
			for(var i = 0; i < a.length; i++) {
				a1.push(a[i])
			}
			a = a1;
			var b1 = new $kit.ui.Form.ComboBox.Select({
				el : a[0],
				data : (function() {
					var provTreeDict = new TreeDict();
					for(var prov in chinaJSON) {
						provTreeDict.ad(prov, prov);
					}
					return provTreeDict;
				})()
			});
			b1.transform();
			b1.ev({
				ev : 'change',
				fn : function() {
					var prov = chinaJSON[b1.inputEl.value];
					if(prov == null) {
						return;
					}
					var cityTree = new TreeDict();
					for(var city in prov) {
						cityTree.ad(city, city);
					}
					b2.inputEl.value = '';
					b2.formEl.value = '';
					b2.config.data = cityTree;
					b2.list.buildList(cityTree.search(''));
				}
			});
			var b2 = new $kit.ui.Form.ComboBox.Select({
				el : a[1],
				data : undefined
			});
			b2.transform();
			b2.ev({
				ev : 'change',
				fn : function() {
					var city = chinaJSON[b1.inputEl.value][b2.inputEl.value];
					if(city == null) {
						return;
					}
					var districtTree = new TreeDict();
					for(var district in city) {
						districtTree.ad(district, city[district]);
					}
					b3.inputEl.value = '';
					b3.formEl.value = '';
					b3.config.data = districtTree;
					b3.list.buildList(districtTree.search(''));
				}
			});
			var b3 = new $kit.ui.Form.ComboBox.Select({
				el : a[2],
				data : undefined
			});
			b3.transform();

		</script>